<aside>
  <div id="sidebar"  class="nav-collapse ">
      <!-- sidebar menu start-->
      <ul class="sidebar-menu">
        {% for menu in menus %}
            {% if menu.children %}
                <li class="sub-menu">
                    <a href="javascript:;" class="">
                        <i class="icon-eye-open"></i>
                        <span>{{ menu.name }}</span>
                        <span class="arrow"></span>
                    </a>
                    <ul class="sub">
                        {% for sub_menu in menu.children %}
                        <li><a class="" href="{{ sub_menu.url_name }}">{{ sub_menu.name }}</a></li>
                        {% endfor %}
                    </ul>
                </li>
            {% else %}
              <li class="">
                  <a class="" href="{{ menu.url_name }}">
                      <i class="icon-linux"></i>
                      <span>{{ menu.name }}</span>
                  </a>
              </li>
            {% endif %}
        {% endfor %}
{#          <li class="sub-menu">#}
{#              <a href="javascript:;" class="">#}
{#                  <i class="icon-road"></i>#}
{#                  <span>教师中心</span>#}
{#                  <span class="arrow"></span>#}
{#              </a>#}
{#              <ul class="sub">#}
{#                  <li><a class="" href="../grids.html">我的课程</a></li>#}
{#                  <li><a class="" href="../calendar.html">批改作业</a></li>#}
{#                  <li><a class="" href="../charts.html">我的考勤</a></li>#}
{#              </ul>#}
{#          </li>#}
{#          <li class="sub-menu">#}
{#              <a href="javascript:;" class="">#}
{#                  <i class="icon-tasks"></i>#}
{#                  <span>销售中心</span>#}
{#                  <span class="arrow"></span>#}
{#              </a>#}
{#              <ul class="sub">#}
{#                  <li><a class="" href="../form_component.html">我的学员</a></li>#}
{#                  <li><a class="" href="../form_wizard.html">学员信息</a></li>#}
{#                  <li><a class="" href="../form_validation.html">新增学员</a></li>#}
{#              </ul>#}
{#          </li>#}
{#          <li class="sub-menu">#}
{#              <a href="javascript:;" class="">#}
{#                  <i class="icon-th"></i>#}
{#                  <span>统计中心</span>#}
{#                  <span class="arrow"></span>#}
{#              </a>#}
{#              <ul class="sub">#}
{#                  <li><a class="" href="../basic_table.html">招生统计</a></li>#}
{#                  <li><a class="" href="../dynamic_table.html">就业统计</a></li>#}
{#                  <li><a class="" href="../basic_table.html">作业统计</a></li>#}
{#                  <li><a class="" href="../dynamic_table.html">考勤统计</a></li>#}
{#              </ul>#}
{#          </li>#}
{#          <li class="sub-menu">#}
{#              <a href="javascript:;" class="">#}
{#                  <i class="icon-comment"></i>#}
{#                  <span>教学质量</span>#}
{#                  <span class="arrow"></span>#}
{#              </a>#}
{#              <ul class="sub">#}
{#                  <li><a class="" href="../basic_table.html">满意度</a></li>#}
{#                  <li><a class="" href="../dynamic_table.html">就业详情</a></li>#}
{#              </ul>#}
{#          </li>#}
{#          <li class="sub-menu active">#}
{#              <a href="javascript:;" class="">#}
{#                  <i class="icon-glass"></i>#}
{#                  <span>个人中心</span>#}
{#                  <span class="arrow"></span>#}
{#              </a>#}
{#              <ul class="sub">#}
{#                  <li class="active"><a class="" href="blank.html">课程表</a></li>#}
{#                  <li><a class="" href="../profile.html">个人信息</a></li>#}
{#                  <li><a class="" href="../invoice.html">修改密码</a></li>#}
{#                  <li><a class="" href="../404.html">退出</a></li>#}
{#              </ul>#}
{#          </li>#}
      </ul>
      <!-- sidebar menu end-->
  </div>
</aside>